<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>上衣</title>
		<link rel="stylesheet" type="text/css" href="css/reset.css"/>
		<link rel="stylesheet" type="text/css" href="css/personalcomm.css"/>
		<link rel="stylesheet" type="text/css" href="../css/common/common.css"/>
		<link rel="stylesheet" type="text/css" href="css/upper.css"/>
		<script src="../js/other/login.js" ></script>
	</head>
	<body>
		<div class="web">
		<!--头部-->
			<div class="header">
				<div class="header-pic fl">
					<img src="../img/other/index-logo.PNG"/>
				</div>
				<div class="header-nav fl">
					<ul>
						<li>
							<a href="../index.html">首页</a>
						</li>
						<li>
							<a href="upper.html">骑行</a>
							<div class="header-nav1">
								<table class="fr">
									<tr>
										<td width="116px"><p>普通版</p></td>
										<td width="147px"></td>
										<td width="190px"><p>竞技版</p></td>
										<td width="123px"></td>
									</tr>
									<tr>
										<td><a href="#">短袖</a></td>
										<td><a href="#">短袖连体服</a></td>
										<td><a href="#">短袖</a></td>
										<td><a href="#">短袖连体服</a></td>
									</tr>
									<tr>
										<td><a href="#">短裤</a></td>
										<td><a href="#">长袖连体服</a></td>
										<td><a href="#">短裤</a></td>
										<td><a href="#">长袖连体服</a></td>
									</tr>
									<tr>
										<td><a href="#">长袖</a></td>
										<td><a href="#">儿童版短袖</a></td>
										<td><a href="#">长袖</a></td>
										<td></td>
									</tr>
									<tr>
										<td><a href="#">长裤</a></td>
										<td><a href="#">儿童版长袖</a></td>
										<td><a href="#">长裤</a></td>
										<td></td>
									</tr>
									<tr>
										<td><a href="#">背带短裤</a></td>
										<td></td>
										<td><a href="#">背带短裤</a></td>
										<td></td>
									</tr>
									<tr>
										<td><a href="#">背带长裤</a></td>
										<td></td>
										<td><a href="#">背带长裤</a></td>
										<td></td>
									</tr>
								</table>
							</div>
						</li>
						<li>
							<a href="upper.html">跑步</a>
							<div class="header-nav1">
								<table class="fr">
									<tr>
										<td width="116px"><p>普通版</p></td>
										<td width="147px"></td>
										<td width="190px"><p>竞技版</p></td>
										<td width="123px"></td>
									</tr>
									<tr>
										<td><a href="#">短袖</a></td>
										<td><a href="#">短袖连体服</a></td>
										<td><a href="#">短袖</a></td>
										<td><a href="#">短袖连体服</a></td>
									</tr>
									<tr>
										<td><a href="#">短裤</a></td>
										<td><a href="#">长袖连体服</a></td>
										<td><a href="#">短裤</a></td>
										<td><a href="#">长袖连体服</a></td>
									</tr>
									<tr>
										<td><a href="#">长袖</a></td>
										<td><a href="#">儿童版短袖</a></td>
										<td><a href="#">长袖</a></td>
										<td></td>
									</tr>
									<tr>
										<td><a href="#">长裤</a></td>
										<td><a href="#">儿童版长袖</a></td>
										<td><a href="#">长裤</a></td>
										<td></td>
									</tr>
									<tr>
										<td><a href="#">背带短裤</a></td>
										<td></td>
										<td><a href="#">背带短裤</a></td>
										<td></td>
									</tr>
									<tr>
										<td><a href="#">背带长裤</a></td>
										<td></td>
										<td><a href="#">背带长裤</a></td>
										<td></td>
									</tr>
								</table>
							</div>
						</li>
						<li>
							<a href="upper.html">休闲</a>
							<div class="header-nav1">
								<table class="fr">
									<tr>
										<td width="116px"><p>普通版</p></td>
										<td width="147px"></td>
										<td width="190px"><p>竞技版</p></td>
										<td width="123px"></td>
									</tr>
									<tr>
										<td><a href="#">短袖</a></td>
										<td><a href="#">短袖连体服</a></td>
										<td><a href="#">短袖</a></td>
										<td><a href="#">短袖连体服</a></td>
									</tr>
									<tr>
										<td><a href="#">短裤</a></td>
										<td><a href="#">长袖连体服</a></td>
										<td><a href="#">短裤</a></td>
										<td><a href="#">长袖连体服</a></td>
									</tr>
									<tr>
										<td><a href="#">长袖</a></td>
										<td><a href="#">儿童版短袖</a></td>
										<td><a href="#">长袖</a></td>
										<td></td>
									</tr>
									<tr>
										<td><a href="#">长裤</a></td>
										<td><a href="#">儿童版长袖</a></td>
										<td><a href="#">长裤</a></td>
										<td></td>
									</tr>
									<tr>
										<td><a href="#">背带短裤</a></td>
										<td></td>
										<td><a href="#">背带短裤</a></td>
										<td></td>
									</tr>
									<tr>
										<td><a href="#">背带长裤</a></td>
										<td></td>
										<td><a href="#">背带长裤</a></td>
										<td></td>
									</tr>
								</table>
							</div>
						</li>
						<li>
							<a href="../index.html#brand">品牌区</a>
						</li>
						<li>
							<a href="#">设计师</a>
						</li>
						
					</ul>
				</div>
				<div class="header-search fr">
					<input type="search">
					<!--<div class="header-search-box">-->
					<input type="button">
				</div>
				<div class="header-right fr">
					<ul>
						<a href="../other/buy1.html">
							<li>
								<img src="../img/other/header-pic1.png"/>
							</li>
						</a>
						<li id="header-login">
							<a href="../other/login.html">
								<img src="../img/other/header-pic2.png"/>
							</a>
							<div class="header-login-block">
								<ul>
									<li><a href="../other/login.html">登录</a></li>
									<li><a href="myorder.html">我的订单</a></li>
								</ul>
							</div>
						</li>
						<a href="">
							<li>
								<img src="../img/other/header-pic3.png"/>
							</li>
						</a>
						<a href="../other/leaguelogin.html">
							<li>
								<img src="../img/other/header-pic4.png"/>
							</li>
						</a>
					</ul>
				</div>
				<div class="clear"></div>
			</div>
			<!--标栏-->
			<div class="upper-head">
				<a href="../index.html">首页</a>>
				<a href="">骑行</a>>
				<a href="">上衣</a>
			</div>
			
			
			
			<!--上衣-->
			<div class="upper-tie clearfix">
				<div class="upper-li fl">
					<div class="upper-left">
						<h2>品类</h2 <br />
						<a href="">骑行服</a><br />
						<a href="">儿童骑行服</a><br />
						<a href="">铁三服</a><br />
						<a href="">连体服</a><br />
						<a href="">配件</a>
					</div>
				</div>
				<div class="upper-race fl clearfix">
					<h1>竞技版  &nbsp;上衣&nbsp;(370)</h1>
					<div class="upper-shai">
						<div class="upper-condition clearfix">
							<div>已选条件：</div>
							<div class="upper-add" id="upper-add1" >
								adidsa
								<span style="font-size: 20px;" id="guanbi1" onclick="showyincang('1')">X</span>
							</div>
							<div class="upper-add" id="upper-add2"  style="display: none;">
								Aqua Sqhere
								<span style="font-size: 20px;" id="guanbi2" onclick="showyincang('2')">X</span>
							</div>
							<div class="upper-add" id="upper-add3" style="display: none;">
								 Nike
								<span style="font-size: 20px;" id="guanbi3" onclick="showyincang('3')">X</span>
							</div>
							<div class="upper-add" id="upper-add4"  style="display: none;">
								Aqua Sqhere
								<span style="font-size: 20px;" id="guanbi4" onclick="showyincang('4')">X</span>
							</div>
							<div class="upper-add" id="upper-add5"  style="display: none;">
								Adidsa Orig
								<span style="font-size: 20px;" id="guanbi5" onclick="showyincang('5')">X</span>
							</div>	
							<div class="upper-add" id="upper-add6"  style="display: none;">
								47 Brand
								<span style="font-size: 20px;" id="guanbi6" onclick="showyincang('6')">X</span>
							</div>
							<div class="upper-add" id="upper-add7"  style="display: none;">
								Arena
								<span style="font-size: 20px;" id="guanbi7" onclick="showyincang('7')">X</span>
							</div>
							<div class="upper-add" id="upper-add8"  style="display: none;">
								adidsa1
								<span style="font-size: 20px;" id="guanbi8" onclick="showyincang('8')">X</span>
							</div>
						</div>
						
						<!--更多-->
						<div class="upper-chop" id="upper-chop">
							<div>
								品牌：
							</div>
							<div class="upper-chop-add">
								<div class="upper-chop-add1">
									adidsa
								</div>
								<div class="upper-chop-add1">
									Aqua Sphere
								</div>
								<div class="upper-chop-add1">
									Nike
								</div>
								<div class="upper-chop-add1">
									Aqua Sphere
								</div>
								<div class="upper-chop-add1">
									adidsa  Origninals
								</div>
								<div class="upper-chop-add1">
									Arena
								</div>
								<div class="upper-chop-add1">
									47 Brand
								</div>
								<div class="upper-chop-add1">
									adidsa
								</div>
								<!--隐藏部分-->
								<div id="upper-chop-add2">
								<div class="upper-chop-add1" >
									adidsa  Orig
								</div>
								<div class="upper-chop-add1">
									adidsa
								</div>
								<div class="upper-chop-add1">
									Aqua Sphere
								</div>
								<div class="upper-chop-add1">
									Nike
								</div>
								<div class="upper-chop-add1">
									adidsa
								</div>
								<div class="upper-chop-add1">
									adidsa  Origninals
								</div>
								<div class="upper-chop-add1">
									Nike
								</div>
								<div class="upper-chop-add1">
									Aqua Sphere
								</div>	
								</div>
								
							</div>
							<div onclick="showgengduo()" class="upper-chop-button1">
									<div class="upper-chop-img1">
										<img src="img/upper/upper1.png"/>
									</div>
									更多
								</div>
								<div onclick="showduoxuan()" class="upper-chop-button2">
									+多选
								</div>
						</div>
												<!--多选-->
						<div class="upper-chop2" id="upper-chop2" style="display: none;">
							<div class="upper-chop2-li">
							<li>品牌</li>
							<li>全部</li>
							<li>0~9</li>
							<li>A</li>
							<li>B</li>
							<li>C</li>
							<li>D</li>
							<li>E</li>
							<li>F</li>
							<li>G</li>
							<li>H</li>
							<li>I</li>
							<li>J</li>
							<li>K</li>
							<li>L</li>
							<li>M</li>
							<li>N</li>
							<li>O</li>
							<li>P</li>
							<li>Q</li>
							<li>R</li>
							<li>S</li>
							<li>T</li>
							<li>U</li>
							<li>V</li>
							<li>W</li>
							<li>X</li>
							<li>Y</li>
							<li>Z</li>
							</div>
							<div class="upper-chop-search">
								<input type="search" />
								<img src="img/upper/upper3.png"/>
							</div>
							<div class="upper-chop-check" >
								<div class="upper-chop-check-box">
								<li>
								<input type="checkbox" name="EN" id="EN1" onclick="showtianjia('1')"/>
								<label for="EN1">adidas</label>
								<br />
								<input type="checkbox" name="EN" id="EN2" onclick="showtianjia('2')"/>
								<label for="EN2">Aqua Sqhere</label>
								</li>
								<li>
								<input type="checkbox" name="EN" id="EN3" onclick="showtianjia('3')"/>
								<label for="EN3">Nike</label>
								<br />
								<input type="checkbox" name="EN" id="EN4" onclick="showtianjia('4')"/>
								<label for="EN4">Aqua Sqhere</label>
								</li>
								<li>
								<input type="checkbox" name="EN" id="EN5" onclick="showtianjia('5')"/>
								<label for="EN5">adidas Originals</label>
								<br />
								<input type="checkbox" name="EN" id="EN6" onclick="showtianjia('6')"/>
								<label for="EN6">47 Brand</label>
								</li>
								<li>
								<input type="checkbox" name="EN" id="EN7" onclick="showtianjia('7')"/>
								<label for="EN7">Arena</label>
								<br />
								<input type="checkbox" name="EN" id="EN8" onclick="showtianjia('8')"/>
								<label for="EN8">adidas</label>
								</li>
								
							</div>
							</div>
							<div class="upper-chop2-button">
								<input type="button" id="duoxuan" value="确认" onclick="showxianshen()"/>
								<a href=""><input type="button" value="取消" /></a>
							</div>
							</div>
							<!---->
						<div class="clear">
						</div>
						<div class="upper-money">
							<div>价格：</div>
							<div class="upper-money1">
								￥0-￥399
							</div>
							<div class="upper-money1">
								￥440-￥689
							</div>
							<div class="upper-money1">
								￥690-￥1599
							</div>
							<div class="upper-money1">
								￥690-￥1599
							</div>
							<div class="upper-money2">
								￥<input type="number" value="690"/>
							</div>
							<div class="upper-money3">
								-
								<input type="number" />	
							</div>
							<input type="button" value="确认" />
						</div>
						<div class="upper-summer">
							<li>季节：</li>
							<li>春季</li>
							<li>夏季</li>
							<li>秋季</li>
							<li>冬季</li>
							<li>四季</li>
						</div>
						<div class="upper-new">
							<li>
								最新
								<img src="img/upper/upper2.png"/>
							</li>
							<li>
								销量
								<img src="img/upper/upper2.png"/>
							</li>
							<li>
								评价
								<img src="img/upper/upper2.png"/>
							</li>
							<li>
								价格
								<img src="img/upper/upper2.png"/>
							</li>
						</div>
					</div>
					
				 <div class="clear">
				 	
				 </div>
				 				<!--衣服-->
				<div class="upper-coke clearfix">
					<ul class="clearfix">
						<li>
							<div class="upper-coke-img1">
								<a href="../other/product.html"><img src="img/upper/upper-coke1.jpg"/></a>
							</div>
							<p>竞技版骑行</p>
							<p>￥299</p>
							<div class="upper-coke-div1">标签1</div>
							<div class="upper-coke-div2">标签2</div>
						</li>
						<li>
							<div class="upper-coke-img1">
								<a href="../other/product.html"><img src="img/upper/upper-coke2.jpg"/></a>
							</div>
							<p>普通版骑行上衣</p>
							<p>￥299</p>
						</li>
						<li>
							<div class="upper-coke-img1">
								<a href="../other/product.html"><img src="img/upper/upper-coke3.jpg"/></a>
							</div>
							<p>竞技版背带骑行裤</p>
							<p>￥299</p>
							<div class="upper-coke-div2">标签2</div>
						</li>
						<li>
							<div class="upper-coke-img1">
								<a href="../other/product.html"><img src="img/upper/upper-coke4.jpg"/></a>
							</div>
							<p>竞技版骑行上衣</p>
							<p>￥299</p>
							<div class="upper-coke-div1">标签1</div>
							<div class="upper-coke-div2">标签2</div>
							<div class="upper-coke-div3">标签3</div>
						</li>
						<li>
							<div class="upper-coke-img1">
								<a href="../other/product.html"><img src="img/upper/upper-coke5.jpg"/></a>
							</div>
							<p>普通版骑行上衣</p>
							<p>￥299</p>
							<div class="upper-coke-div1">标签1</div>
						</li>
						<li>
							<div class="upper-coke-img1">
								<a href="../other/product.html"><img src="img/upper/upper-coke6.jpg"/></a>
							</div>
							<p>竞技版骑行裤</p>
							<p>￥299</p>
							<div class="upper-coke-div2">标签2</div>
						</li>
						<li>
							<div class="upper-coke-img1">
								<a href="../other/product.html"><img src="img/upper/upper-coke1.jpg"/></a>
							</div>
							<p>竞技版骑行上衣</p>
							<p>￥299</p>
							<div class="upper-coke-div1">标签1</div>
							<div class="upper-coke-div2">标签2</div>
						</li>
						<li>
							<div class="upper-coke-img1">
								<a href="../other/product.html"><img src="img/upper/upper-coke2.jpg"/></a>
							</div>
							<p>普通版骑行上衣</p>
							<p>￥299</p>
						</li>
						<li>
							<div class="upper-coke-img1">
								<a href="../other/product.html"><img src="img/upper/upper-coke3.jpg"/></a>
							</div>
							<p>竞技版背带骑行裤</p>
							<p>￥299</p>
							<div class="upper-coke-div2">标签2</div>
						</li>
					
					</ul>
				</div>
				<div class="clear"></div>
				<div class="shoplist-link">
						<ul>
							<a href=""><li><img src="../img/other/shoplist-link-pic1.png"/></li></a>
							<a href=""><li class="redColor">1</li></a>
							<a href=""><li>2</li></a>
							<a href=""><li>3</li></a>
							<li id="shoplist-point">
								<div class="shoplist-point"></div>
								<div class="shoplist-point"></div>
								<div class="shoplist-point"></div>
							</li>
							<a href=""><li><img src="../img/other/shoplist-link-pic2.png"/></li></a>
							<li id="shoplist-tiaozhi">跳至</li>
							<li class="shoplist-ye">
								<input type="number"/>页
							</li>
							
							<a href=""><li class="shoplist-ye">跳转</li></a>
						</ul>
				</div>
					
				</div>
				<div class="clear"></div>
			</div>
			
<!--页脚-->
     	<footer>
				<div class="footer-link">
					<div class="footer-pic fl">
						<img src="../img/other/footer-pic1.png"/>
					</div>
					<div class="footer-right fr">
						<ul>
							<li>
								<ul class="footer-text">
									<li>
										<a href="#">新手指南</a>
									</li>
									<li>
										<a href="../other/register.html">用户注册</a>
									</li>
									<li>
										<a href="../other/DIY1.html">定制流程</a>
									</li>
									<li class="footer-text-last"></li>
								</ul>
							</li>
							<li>
								<ul class="footer-text">
									<li>
										<a href="#">付款方式</a>
									</li>
									<li>
										<a href="#">支付方式</a>
									</li>
									<li>
										<a href="#">支付问题</a>
									</li>
									<li>
										<a href="#">常见问题</a>
									</li>
								</ul>
							</li>
							<li>
								<ul class="footer-text">
									<li>
										<a href="#">售后服务</a>
									</li>
									<li>
										<a href="../trade/Changing or Refunding/Application2.html">退款换货</a>
									</li>
									<li>
										<a href="#">配送方式</a>
									</li>
									<li>
										<a href="#">联系我们</a>
									</li>
								</ul>
							</li>
							<li>
								<ul class="footer-text">
									<li>
										<a href="">政策条款</a>
									</li>
									<li>
										<a href="">服务协议</a>
									</li>
									<li>
										<a href="">隐私条款</a>
									</li>
									<li>
										<a href="">版权条款</a>
									</li>
								</ul>
							</li>
						</ul>
					</div>
					<div class="clear"></div>
				</div>
				<div class="footer-reg">
					<p>
						© 2016 Wildto Corpation. All Rights Reserved闽ICP备14001544号-1
					</p>
				</div>
			</footer>
	</div>
	</body>
</html>
